<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./common.css" />
    <link rel="stylesheet" type="text/css" href="./index.css" />
    <link rel="stylesheet" href="./css/index.css">
  </head>
  <body>
    <div class="page flex-col">
      <div class="mod1 flex-col">
        <div class="layer1 flex-col">
          <img
            class="pic1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/pslyuhlkmibvf73voasz1bjx18mpuak4gh8d5a7e17-4122-4906-b8be-51feb37f5f1a"
          />
          <div class="bd1 flex-col">
            <div class="main1 flex-col">
              <span class="info1">皮蛋瘦肉粥</span>
              <div class="main2 flex-row justify-between">
                <span class="info2">月售1132份</span>
                <span class="info3">好评率100%</span>
              </div>
              <div class="main3 flex-row">
                <div class="outer1">
                  <span class="word1">￥</span>
                  <span class="txt1">24</span>
                </div>
                <div class="outer2">
                  <span class="word2">￥</span>
                  <span class="txt2">28</span>
                </div>
                <button class="Button75 flex-col justify-center">
                  <span class="word3">加入购物车</span>
                </button>
              </div>
              <div class="main4 flex-col"></div>
            </div>
          </div>
          <div class="bd2 flex-col">
            <div class="box1 flex-col">
              <div class="box2 flex-col"></div>
              <span class="word4">商品介绍</span>
              <span class="info4">
                一碗皮蛋瘦肉粥，总是我到粥店时的不二之选。香浓软滑，饱腹暖心，皮蛋的Q弹与瘦肉的滑嫩伴着粥香溢于满口，让人喝这样的一碗粥也觉得心满意足。
              </span>
              <div class="box3 flex-col"></div>
            </div>
          </div>
          <div class="bd3 flex-col">
            <div class="outer3 flex-col">
              <div class="bd4 flex-col"></div>
              <span class="info5">商品评价</span>
              <div class="bd5 flex-row justify-between">
                <div class="group1 flex-col justify-center">
                  <div class="main5">
                    <span class="txt3">全部</span>
                    <span class="txt4">57</span>
                  </div>
                </div>
                <div class="group2 flex-col">
                  <div class="outer4">
                    <span class="txt5">推荐</span>
                    <span class="txt6"></span>
                    <span class="txt7">47</span>
                  </div>
                </div>
                <div class="group3 flex-col">
                  <div class="mod2">
                    <span class="word5">吐槽</span>
                    <span class="info6"></span>
                    <span class="word6">10</span>
                  </div>
                </div>
              </div>
              <div class="bd6 flex-col"></div>
              <div class="bd7 flex-row justify-between">
                <img
                  class="label1"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/psj3sbjk83n2w95xetkxlzjdhwag28aw4qeae6ae7c-3b8f-4023-a54f-cc4cb1c5fe98"
                />
                <span class="word7">只看有内容的评价</span>
              </div>
              <div class="bd8 flex-col"></div>
              <div class="bd9 flex-row">
                <span class="info7">2016-07-07&nbsp;&nbsp;12:34</span>
                <span class="txt8">3*******2</span>
                <img
                  class="label2"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/psrd0vq77qyhbjzdlzzzoh1dgkvfztevt1e6daab7e6-29b5-4ca8-a199-9bedcda2b961"
                />
              </div>
              <div class="bd10 flex-row justify-between">
                <img
                  class="label3"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/pspe2tr64ljttz130fm9wthcozhfts0xhf8a154e6-16e7-4cd7-8f85-df000ed4686d"
                />
                <span class="info8">太少了，不够一个人吃！！</span>
              </div>
              <div class="bd11 flex-col"></div>
              <div class="bd12 flex-row">
                <span class="info9">2016-07-07&nbsp;&nbsp;12:34</span>
                <span class="txt9">3*******4</span>
                <img
                  class="label4"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/pswkeup20msxj83vezpi7zdtuugz3yyipp0970a2be-4811-443b-b2a9-a07b73ff5bbc"
                />
              </div>
              <div class="bd13 flex-row justify-between">
                <img
                  class="icon1"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/psmu08y40wnke60x4jwbdxsgsy3ipzk859r3aeccd68-3107-4e68-b604-d38e1801be19"
                />
                <span class="txt10">
                  味道不错，就是有点儿咸，有待进一步优化
                </span>
              </div>
              <div class="bd14 flex-col"></div>
              <div class="bd15 flex-row">
                <span class="word8">2016-07-07&nbsp;&nbsp;12:34</span>
                <span class="txt11">3*******p</span>
                <img
                  class="SingleAvatar32"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps7lz0se1grcru0dvplbhqvexywvq0433ik5604e3f1-556e-4425-b334-950dcb1a1779"
                />
              </div>
              <div class="bd16 flex-row justify-between">
                <img
                  class="label5"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps5wtq20zjxrqs3rlhth7u5blp14nlvuy7me4ffca47-85b3-4e38-bebe-f635aa0d9603"
                />
                <span class="word9">GOOD</span>
              </div>
              <div class="bd17 flex-col"></div>
            </div>
          </div>
        </div>
        <div class="layer2 flex-col">
          <div class="bd18 flex-row">
            <div class="wrap1 flex-col">
              <img
                class="icon2"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/pst84sqy4uyyb9xsdzveutdiuov5f1wpeca0309d7-608e-48aa-95cd-63eb4d41711a"
              />
            </div>
            <span class="txt12">￥0</span>
            <div class="wrap2 flex-col"></div>
            <span class="txt13">另需配送费￥4元</span>
            <button class="Button76 flex-col">
              <span class="txt14">￥20起送</span>
            </button>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
